//上传封面
var qbId=$('#qbId').val();
var curPage=localStorage.getItem('curPage'+qbId);
var cp = Number(curPage);

//js添加两个封面上的盒子
var boximg1=$('#imagebox1').val();
var boximg2=$('#imagebox2').val();
var boximg3=$('#imagebox3').val();
var boxShape1=$("#imageboxShape1").val();
var boxShape2=$("#imageboxShape2").val();
var boxShape3=$("#imageboxShape3").val();
var box1 = document.querySelectorAll(".cover_style_top")[0];
var box1_img = document.querySelectorAll(".cover_style_img")[0];
var box2 = document.querySelectorAll(".cover_style_top")[1];
var box2_img = document.querySelectorAll(".cover_style_img")[1];
var box3 = document.querySelectorAll(".cover_style_top")[2];
var box3_img = document.querySelectorAll(".cover_style_img")[2];
if(boximg1!=undefined){
    var str_img = '<div  class="imgbox imgbox1" style="background-color:#fff;"><img class="shape_'+boxShape1+'" src='+WST.ROOT+'/'+boximg1+'></div>';
}else{
    var str_img = '<div  class="imgbox imgbox1"></div>';
}
if(boximg2!=undefined){
    var str_img2 = '<div  class="imgbox imgbox2" style="background-color:#fff;"><img class="shape_'+boxShape2+'" src='+WST.ROOT+'/'+boximg2+'></div>';
}else{
    var str_img2 = '<div  class="imgbox imgbox2"></div>';
}
if(boximg3!=undefined){
    var str_img3 = '<div  class="imgbox imgbox3" style="background-color:#fff;"><img class="shape_'+boxShape3+'" src='+WST.ROOT+'/'+boximg3+'></div>';
}else{
    var str_img3 = '<div  class="imgbox imgbox3"></div>';
}
// var str1 = '<span class="uploadImg" style="display:block">可上传图片</span><input class="file11" id="file1" type="file" onclick="uploadimg1(1)">';
// var str2 = '<span class="uploadImg">可上传图片</span><input class="file12" id="file2"  type="file" onclick="uploadimg1(2)">';
// var str3 = '<span class="uploadImg">可上传图片</span><input class="file13" id="file3" type="file" onclick="uploadimg1(3)">';
var str1 = '<span class="uploadImg" style="display:block" onclick="uploadimg1(1)">可上传图片</span>';
var str2 = '<span class="uploadImg" onclick="uploadimg1(2)">可上传图片</span>';
var str3 = '<span class="uploadImg" onclick="uploadimg1(3)">可上传图片</span>';

box1.innerHTML+=str1;
box2.innerHTML+=str2;
box3.innerHTML+=str3;
box1_img.innerHTML+=str_img;
box2_img.innerHTML+=str_img2;
box3_img.innerHTML+=str_img3;

//添加max-length限制
$(".a_text_1_top").attr('maxlength','150');
$(".a_text_1_bottom").attr('maxlength','150');
$(".a_text_2_top").attr('maxlength','150');
$(".a_text_2_bottom").attr('maxlength','150');

$(".b_text_1_top").attr('maxlength','50');
$(".b_text_1_bottom").attr('maxlength','50');
$(".b_text_2_top").attr('maxlength','50');
$(".b_text_2_bottom").attr('maxlength','50');

$(".c_text_1_top").attr('maxlength','50');
$(".c_text_1_bottom").attr('maxlength','50');
$(".c_text_2_top").attr('maxlength','50');
$(".c_text_2_bottom").attr('maxlength','50');

$(".d_text_1_top").attr('maxlength','45');
$(".d_text_1_bottom").attr('maxlength','50');
$(".d_text_2_top").attr('maxlength','45');
$(".d_text_2_bottom").attr('maxlength','50');

$(".e_text_1_top").attr('maxlength','50');
$(".e_text_1_bottom").attr('maxlength','50');
$(".e_text_2_top").attr('maxlength','50');
$(".e_text_2_bottom").attr('maxlength','50');

$(".cover_style_top").each(function(){
    $(this).on("click",function (){
        $(".coverTure").removeClass("cover_cur");
        $(this).find(".coverTure").addClass("cover_cur");
        var coverId=$(this).find(".coverTure").attr('data');
        $('#coverId').val(coverId);

    });
})

$('.thread-boundbook').click(function(){
    $('.container').css('display','inline');
    $('.whole').css('display','none');
    $('.thread-boundbook').addClass('boundbook');
    $('.Editcontent').removeClass('boundbook');
    var coverId=$('#coverId').val();
    $(".coverTure").each(function () {

        var data=($(this).attr('data'));
        if(data==coverId){
            $(this).addClass('cover_cur');
            var data="";
        }
    });
})
$('.Editcontent').click(function(){
    // wstMsg(111);
    $('.container').css('display','none');
    $('.whole').css('display','inline');
    $('.Editcontent').addClass('boundbook');
    $('.thread-boundbook').removeClass('boundbook');
    $('.Conter').css('margin-top','1.8rem');

})
$('.accomplish').click(function(){
    $('.accomplish').addClass('boundbook');
    $('.Editcontent').removeClass('boundbook');
    $('.thread-boundbook').removeClass('boundbook');
    var qbId=$('#qbId').val();
    var cid=$('.cover_cur').attr('data');
    var BookNane=$('.inputName').val();
    var inputbiao=$('.inputbiao').val();
    $.post(WST.U('WebApp/QqPhotoBooks/saveTitlePage'),{qbId:qbId,cId:cid,bookName:BookNane,title:inputbiao},function(json){
        if(json.status==1){

        }
        location.href = WST.U("WebApp/QqPhotoBooks/toPreview",'qbId='+qbId);
    })
})



// function uploadimg1(m){
//  		var eleFile = document.querySelector('.file1'+m);
// 		  // var image = document.querySelector(".shape_"+m);
// 		  // 压缩图片需要的一些元素和对象
// 		  var targetWidth, targetHeight
// 		  var reader = new FileReader(),
// 		  img = new Image();
//
// 		  // 选择的文件对象
// 		  var file = null;
// 		  //让对应的input框显示
// 		  // base64地址图片加载完毕后
// 		  img.onload = function () {
// 		    // 图片原始尺寸
// 		    var originWidth = this.width;
// 		    var originHeight = this.height;
// 		    // 最大尺寸限制
// 		    var maxWidth = 8000,
// 		      maxHeight = 8000;
// 		    // 目标尺寸
// 		    targetWidth = originWidth,
// 		      targetHeight = originHeight;
// 		    // 图片尺寸超过400x400的限制
// 		    if (originWidth > maxWidth || originHeight > maxHeight) {
// 		      if (originWidth / originHeight > maxWidth / maxHeight) {
// 		        // 更宽，按照宽度限定尺寸
// 		        targetWidth = maxWidth;
// 		        targetHeight = Math.round(targetWidth* (originHeight / originWidth));
// 		      } else {
// 		        targetHeight = maxHeight;
// 		        targetWidth = Math.round(targetHeight* (originWidth / originHeight));
// 		      }
// 		    }
// 		    // image.width = targetWidth
// 		    // image.height = targetHeight
//              //  $('.file'+direction).css('display','none');
//              //  $('.Uploadmode').css('display','none');
// 		  };
//
// 		  // 文件base64化，以便获知图片原始尺寸
// 		  reader.onload = function (e) {
// 		    img.src = e.target.result;
//
// 		    // image.src = e.target.result
//               console.log(img.src);
//               $.post(WST.U('WebApp/WxUpload/uploadPicture'),{imgData: img.src},function(json){
//
//                   console.log(json);
//
//                   var url=json.filepath;
//                   var qbId=$('#qbId').val();
//                   var page=$('#current_page').val();
//                   var cid=$('.cover_cur').attr('data');
//
//                   $.post(WST.U('WebApp/QqPhotoBooks/savecover'),{image:url,qbId:qbId,cId:cid},function(json){
//
// 						var pape="";
// 						pape+='<img class="shape_'+json.shape+'" src='+WST.ROOT+'/'+ url+'>';
// 						$(".imgbox"+m).html(pape);
//                       $(".imgbox"+m).css('background','#fff');
// 				  })
//
//                })
// 		  };
//
// 		  eleFile.addEventListener('change', function (event) {
// 		    file = event.target.files[0];
// 		    // 选择的文件是图片
// 		    if (file.type.indexOf("image") == 0) {
// 		      reader.readAsDataURL(file);
// 		    }
// 		  });
//  	}






function uploadimg1(m){

    wx.chooseImage({
        count: 1, // 默认9
        sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
        sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
        success: function (res) {
            var localIds = res.localIds;// 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
            // alert(JSON.stringify(res));
            var access = $('#accessToken').val();
            //images.serverId = [];
            //   alert(2222);

            var ua = navigator.userAgent.toLowerCase();
            if (ua.match(/iphone/i) == "micromessenger") {
                var ios = true;
            } else {
                var ios = false;
            }
            if (ios || window.__wxjs_is_wkwebview) { //ios需要进一步处理

                IosUpload(localIds[0])
            }else{
                AndroidUpload(localIds[0]);
            }



            function IosUpload(localId){

                wx.getLocalImgData({
                    localId: localId.toString(),
                    isShowProgressTips: 1,
                    success: function (res) {
                        var localData = res.localData; // localData是图片的base64数据，可以用img标签显示
                        localData = localData.replace('jgp', 'jpeg');
                        $.ajax({
                            type:'POST',
                            url:'http://www.youyiku-yishu.cn/Test.php',
                            // url: WST.U('WebApp/QqPhotoBooks/weChatUpload'),

                            data: {'imgData':localData},
                            dataType:'json',
                            success: function (data) {

                                var url=data.filepath;
                                var qbId=$('#qbId').val();
                                var cid=$('.cover_cur').attr('data');
                                alert(cid);
                                // console.log(cid,qbId,url);
                                $.post(WST.U('WebApp/QqPhotoBooks/savecover'),{image:url,qbId:qbId,cId:cid},function(json){

                                    var pape="";
                                    pape+='<img class="shape_'+json.shape+'" src='+WST.ROOT+'/'+ url+'>';
                                    $(".imgbox"+m).html(pape);
                                    $(".imgbox"+m).css('background','#fff');
                                })

                            }
                        })

                    },
                    fail: function (res) {
                        //alert('该图片暂时无法查看')
                        console.log(res);
                    }
                })

            }

            function AndroidUpload(localId){

                wx.uploadImage({
                    localId: localId.toString(),
                    isShowProgressTips: 1,
                    success: function (res) {

                        // alert(res.serverId);alert(access);
                        //images.serverId.push(res.serverId);
                        //下载
                        $.ajax({
                            type: 'POST',
                            url: 'http://www.youyiku-yishu.cn/WechatUpload.php',
                            data: {'media_id': res.serverId, 'access': access},
                            dataType: 'json',
                            success: function (data) {
                                var url=data.filepath;
                                var qbId=$('#qbId').val();
                                var page=$('#current_page').val();
                                var cid=$('.cover_cur').attr('data');

                                $.post(WST.U('WebApp/QqPhotoBooks/savecover'),{image:url,qbId:qbId,cId:cid},function(json){

                                    var pape="";
                                    pape+='<img class="shape_'+json.shape+'" src='+WST.ROOT+'/'+ url+'>';
                                    $(".imgbox"+m).html(pape);
                                    $(".imgbox"+m).css('background','#fff');
                                })
                            }
                        })
                    },
                    fail: function (res) {
                        wstMsg(JSON.stringify(res));
                        // alert(JSON.stringify(res));
                    }
                })
            }


        }
    })



}


function wstMsg(msg, focusTarget, time){
    $('#wst-modal-content').html(msg);
    $('#wst-msg-modal').show();
    $('#wst-msg-modal').addClass('am-animation-fade');
    var t = time ? time : 2;
    setTimeout(function(){
        if(focusTarget){
            $('#'+focusTarget).focus();
        }
        $('#wst-msg-modal').fadeOut(1000);
    },t*1000);
}
/*
 *跳转用的
 */
$('#Editcontent').click(function(){
    var qbId=$('#qbId').val();
    var cid=$('.cover_cur').attr('data');
    var BookNane=$('.inputName').val();
    var inputbiao=$('.inputbiao').val();
    $.post(WST.U('WebApp/QqPhotoBooks/saveTitlePage'),{qbId:qbId,cId:cid,bookName:BookNane,title:inputbiao},function(json){
        if(json.status==1){

        }
        location.href = WST.U("WebApp/QqPhotoBooks/page",'qbId='+qbId);
    })



})
/*
 *
 */

